.banner .content .img1{animation:banner 1s  ease-in-out .4s  both;-webkit-animation:banner 1s  ease-in-out .4s  both;}
.banner .content .img2{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img3{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img4{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img5{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img6{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img7{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img8{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.banner .content .img9{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}

.main.in .main-content img{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.main.in .main-image{animation:banner 1s  ease-in-out .2s  both;-webkit-animation:banner 1s  ease-in-out .2s  both;}
@keyframes banner{
0%{ transform:scale(0); opacity:0;}
100%{ transform:scale(1);opacity:1;}
}
@-webkit-keyframes banner{
0%{ -webkit-transform:scale(0); opacity:0;}
100%{ -webkit-transform:scale(1);opacity:1;}
}


.main2.in .main-child{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.main3.in .content .content-image{animation:banner 1s  ease-in-out 0s  both;-webkit-animation:banner 1s  ease-in-out 0s  both;}
.main3.in .content .quans{animation:banner .4s  ease-in-out .4s  both;-webkit-animation:banner .4s  ease-in-out .4s  both;}
.main3.in .content .quans .quan1{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 0.8s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 0.8s  both;}
.main3.in .content .quans .quan2{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1s  both;}
.main3.in .content .quans .quan3{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.2s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.2s  both;}
.main3.in .content .quans .quan4{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.4s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.4s  both;}
.main3.in .content .quans .quan5{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.6s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.6s  both;}
.main3.in .content .quans .quan6{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.8s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 1.8s  both;}
.main3.in .content .quans .quan7{animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 2s  both;-webkit-animation:banner .4s  cubic-bezier(1, 0.18, 0.49, 1.4) 2s  both;}


.main4.in .main-image{ animation:none;-webkit-animation:none;}
.main4.in .main-image .sub1{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub2{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub3{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub4{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub5{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub6{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub7{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub8{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub9{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub10{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub11{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}
.main4.in .main-image .sub12{animation:banner 2s  ease-in-out 0s  both;-webkit-animation:banner 2s  ease-in-out 0s  both;}

.main6 .main-image .quan{ transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;animation:zhuan 8s linear 0s infinite;-webkit-transform-origin:center center;animation:zhuan 8s linear 0s infinite;}
.main7.in .main-image{animation:guang 1s  ease-in-out 0s  both;-webkit-animation:guang 1s  ease-in-out 0s  both;}
.main7.in .boli{animation:boli 1s  ease-in-out 1s  both;-webkit-animation:boli 1s  ease-in-out 1s  both;}
.main7.in .jianzhu{animation:jianzhu 1s  ease-in-out 1s  both;-webkit-animation:jianzhu 1s  ease-in-out 1s  both;}
@keyframes boli{
0%{ transform:translateY(0px);}
100%{transform:translateY(20px);}
}
@-webkit-keyframes boli{
0%{ -webkit-transform:translateY(0px);}
100%{-webkit-transform:translateY(20px);}
}
@keyframes jianzhu{
0%{ transform:translateY(0px);}
100%{transform:translateY(-20px);}
}
@-webkit-keyframes jianzhu{
0%{ -webkit-transform:translateY(0px);}
100%{-webkit-transform:translateY(-20px);}
}

.main7.in .main-image:hover .boli{animation:boli2 2s  ease-in-out 0s  infinite;-webkit-animation:boli2 2s  ease-in-out 0s  infinite;}
.main7.in .main-image:hover .jianzhu{animation:jianzhu2 2s  ease-in-out 0s infinite;-webkit-animation:jianzhu2 2s  ease-in-out 0s infinite;}
@keyframes boli2{
0%{ transform:translateY(20px);}
50%{transform:translateY(0px);}
100%{ transform:translateY(20px);}
}
@-webkit-keyframes boli2{
0%{ -webkit-transform:translateY(20px);}
50%{-webkit-transform:translateY(0px);}
100%{ -webkit-transform:translateY(20px);}
}
@keyframes jianzhu2{
0%{ transform:translateY(-20px);}
50%{transform:translateY(0px);}
100%{ transform:translateY(-20px);}
}
@-webkit-keyframes jianzhu2{
0%{ -webkit-transform:translateY(-20px);}
50%{-webkit-transform:translateY(0px);}
100%{ -webkit-transform:translateY(-20px);}
}

.main.main8.in .main-content img.guang{ transform-origin:center top;-webkit-ransform-origin:center top;animation:guang 2s  ease-in-out 1s  both;-webkit-animation:guang 2s  ease-in-out 1s  both;}
/*.main8.in .black-bg{animation:black-bg 2s  ease-in-out 0s  both;-webkit-animation:black-bg 2s  ease-in-out 0s  both;}
.main8.in .pingtai{animation:guang 0.6s  ease-in-out 1.4s  both;-webkit-animation:guang 0.6s  ease-in-out 1.4s  both;}*/
.main8.in .car{animation:guang 0.6s  ease-in-out 1.6s  both;-webkit-animation:guang 0.6s  ease-in-out 1.6s  both;}
.main8.in .car2{animation:black-bg 0.6s  ease-in-out 1.6s  both;-webkit-animation:black-bg 0.6s  ease-in-out 1.6s  both;}

@keyframes pingtai{
0%{ transform:translateY(100%); opacity:0;}
100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes pingtai{
0%{ -webkit-transform:translateY(100%);opacity:0;}
100%{-webkit-transform:translateY(0);opacity:1;}
}

@keyframes zhuan{
0%{ transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes zhuan{
0%{ -webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}


@keyframes black-bg{
0%{  opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes black-bg{
0%{  opacity:1;}
100%{opacity:0;}
}
@keyframes guang{
0%{  opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes guang{
0%{  opacity:0;}
100%{opacity:1;}
}